<template>
  <div>
    <van-nav-bar title="投诉建议">
      <img
        src="../../assets/image/arrow_left.png"
        alt=""
        width="20"
        height="20"
        slot="left"
        @click="leftClick"
      />
      <p slot="right" @click="rightClick">提交</p>
    </van-nav-bar>
    <p>(必选)&nbsp; 你想反馈的问题类型</p>
    <van-radio-group v-model="radio">
      <van-radio name="1">功能异常:功能故障或不可用</van-radio>
      <van-radio name="2">产品建议:用的不爽</van-radio>
      <van-radio name="3">其他</van-radio>
    </van-radio-group>
    <p>请补充详细问题和意见</p>
    <van-field
      v-model="text1"
      rows="1"
      autosize
      type="textarea"
      placeholder="真诚为您服务,您的意见和建议将是我们努力的动力"
    />
    <van-field
      class="txt"
      v-model="text2"
      rows="1"
      autosize
      type="textarea"
      placeholder="请留下手机号或者邮箱,方便我们给您答复"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      radio: "1",
    };
  },
  methods: {
    leftClick() {
      this.$router.back(-1);
    },
    rightClick() {
      this.$toast("已提交，谢谢您的反馈");
      this.$router.back(-1);
    },
  },
};
</script>
<style scoped>
p {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-indent: 1em;
}
.van-radio-group {
  background-color: #fff;
  font-size: 14px;
  padding: 10px 20px 20px;
}
.van-radio {
  margin-top: 20px;
}
.txt {
  margin-top: 10px;
}
</style>